<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Tab Demos</title>
	
	
<link  href="../jquery.ui.tabs.css" rel="stylesheet" type="text/css"  class="view-source"/>
	<link  href="../../../../themes/default/style.css" rel="stylesheet" class="view-source">
	<script src="../../../../scripts/jquery.js" type="text/javascript" class="view-source"></script>
	<script src="../../../../scripts/common.js" type="text/javascript" class="view-source"></script>
	<script src="../../../../scripts/browserfix.js" type="text/javascript"  class="view-source"></script>
	<script src="../../../../scripts/plugins/jquery.json.js" type="text/javascript" class="view-source"></script>
	
	<script src="../../../../scripts/plugins/jquery.ui.js" type="text/javascript" ></script>
		
	<script src="../jquery.ui.tabs.js" type="text/javascript" class="view-source"></script>
	<script src="../../demo.js"></script>
	<link href="../../demo.css" rel="stylesheet">
	
	<script type="text/javascript">
	</script>
	<style type="text/stylesheet">
		div{
			margin:0px;
			padding:0px;
		}
	</style>

	<script>
	
	</script>
</head>

<body>
	<div class="widget-class" widget="tabs" options="{'height':'100px','closable':'true'}">
		<div options="{'label':'tab1','img':'../../../../themes/common/images/icons/edit.png','content':'tabs-1'}" id="tabs-1" style="margin:0px;padding:0px;">
			<p>tab1 content ..............................</p>
		</div>
		<div options="{'label':'tab2','content':'tabs-2'}" id="tabs-2" style="margin:0px;padding:0px;">
			<p>tab2 content ..............................</p>
		</div>
		<div options="{'label':'tab3 ','content':'tabs-3'}" id="tabs-3" style="margin:0px;padding:0px;">
			<p>tab3 content ..............................</p>
		</div>
	</div>
</body>
</html>